a:hover {
  text-decoration: none !important;
}

.wrap {
  border: 1px solid #dbdbdb;
  padding: 10px 15%;
}

.wrap .shopping-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrap .shopping-status .shooping-progress {
  display: flex;
  align-items: center;
}

.wrap .shopping-status .shooping-progress > i {
  margin-right: 10px;
}

.wrap .shopping-status .shooping-progress > p {
  margin: 0;
  margin-right: 10px;
}

.wrap .shopping-status .shooping-progress .shopping-division {
  width: 100px;
  height: 1px;
  background: #cfcfcf;
}

.wrap .shopping-status .shooping-progress .checked {
  color: #c10000;
}

.wrap .shopping-status .shooping-progress .unchecked {
  color: #cfcfcf;
}

.wrap .shopping-status .con-shopping {
  color: #333;
}

.wrap .shopping-status .con-shopping:hover {
  text-decoration: none;
}

main {
  width: 70%;
  margin: 10px auto;
}

main .container {
  display: flex;
}

main .container section {
  margin-right: 20px;
}

main .container section .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
}

main .container section .section-title > p {
  font-style: 14px;
  color: #333333;
  margin-bottom: 10px;
}

main .container section .section-title > a {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
}

main .container section .order-info {
  display: flex;
  flex-wrap: wrap;
}

main .container section .order-info .info {
  border: 1px solid #dbdbdb;
  margin-top: 20px;
  margin-right: 30px;
  width: 240px;
  transition: all linear 0.3s;
}

main .container section .order-info .info .info-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

main .container section .order-info .info .info-title .titlel {
  display: flex;
  align-items: center;
}

main .container section .order-info .info .info-title .titlel > p {
  font-size: 13px;
  color: #333333;
  margin: 0;
}

main .container section .order-info .info .info-title .titlel > span {
  font-size: 12px;
  color: #333333;
}

main .container section .order-info .info .info-title .titler {
  height: 12px;
  display: flex;
  align-items: center;
}

main .container section .order-info .info .info-title .titler > a {
  margin: 0;
  padding: 0 5px;
  font-size: 12px;
  display: block;
  color: #333333;
}

main .container section .order-info .info .info-title .titler .infol {
  border-right: 1px solid #b3b3b3;
}

main .container section .order-info .info .info-title .titler .infor {
  border-left: 1px solid #d7d7d7;
}

main .container section .order-info .info .info-content {
  background: #f5f5f5;
}

main .container section .order-info .info .info-content > p {
  margin: 0;
  padding: 16px 5px;
  font-size: 12px;
  color: #333;
}

main .container section .order-info .info:hover {
  border-color: #c10000;
}

main .container section .pm-title {
  border-bottom: 1px solid #dbdbdb;
  margin: 10px 0;
  padding: 10px 0;
}

main .container section .paymethod {
  display: flex;
}

main .container section .paymethod > div {
  font-size: 12px;
  width: 120px;
  height: 50px;
  margin: 20px 20px 20px 0;
  border: 1px solid #dbdbdb;
  transition: all linear 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

main .container section .paymethod > div > p {
  font-size: 12px;
}

main .container section .paymethod > div:hover {
  border-color: #c10000;
}

main .container section .modal-content {
  width: 300px;
  padding: 20px;
}

main .container section .modal-content > input {
  outline: none;
  padding: 5px;
  height: 30px;
  margin: 5px 0;
}

main .container section .modal-content > input::-webkit-input-placeholder {
  font-size: 12px;
  color: #337ac3;
}

main .container section .modal-content > input::-moz-input-placeholder {
  font-size: 12px;
  color: #337ac3;
}

main .container section .modal-content .address-select {
  display: flex;
}

main .container section .modal-content .address-select .form-control {
  width: 40%;
  height: 30px;
  margin: 5px 10px 5px 0;
  padding: 5px;
  font-size: 12px;
  color: #337ac3;
  font-weight: 600;
}

main .container section .modal-content .address-modalhr {
  width: 100%;
}

main .container section .modal-content .btns {
  display: flex;
  justify-content: space-around;
}

main .container section .modal-content .btns .addressbtn {
  width: 100px;
  height: 40px;
  border-radius: 3px;
  border: none;
  font-size: 12px;
}

main .container section .modal-content .btns .address-modalsave {
  color: #fff;
  background: #da0000;
}

main .container section .modal-content .btns .address-modalcancel {
  color: #000;
  border: 1px solid #d3d3d3;
}

main .container article {
  width: 500px;
}

main .container article .order-content {
  padding: 5px;
  background: #f5f5f5;
}

main .container article .order-content .article-title {
  display: flex;
  justify-content: space-between;
}

main .container article .order-content .article-title > p {
  font-style: 14px;
  color: #333333;
}

main .container article .order-content .article-title > a {
  font-size: 12px;
  color: #333333;
}

main .container article .order-content .wares-list {
  display: flex;
  align-items: center;
  padding: 5px;
  height: 100px;
  border-top: 1px solid #dbdbdb;
}

main .container article .order-content .wares-list .des {
  padding: 5px;
}

main .container article .order-content .wares-list .des > p {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #000;
}

main .container article .order-content .wares-list .des > span {
  margin: 10px 0;
  display: block;
  font-size: 10px;
  color: #808080;
}

main .container article .order-content .wares-list > p {
  font-size: 12px;
  color: #333333;
}

main .container article .money {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #333333;
  margin: 5px;
}

main .container article .intotal {
  border-top: 1px solid #dbdbdb;
}

main .container article .intotal .order-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

main .container article .intotal .order-total > p {
  margin: 0;
  font-size: 14px;
  color: #333333;
}

main .container article .intotal .order-total > span {
  font-size: 14px;
  color: #c10000;
}

main .container article .intotal button {
  width: 100%;
  height: 30px;
  border: none;
  color: #fff;
  font-size: 12px;
  background: #c10000;
}
